<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>E Commerce</title>
<!-- Stylesheet -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<!-- Javascript -->
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="./js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="./js/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
<script src="./js/TitilliumText22L_Rg_400-TitilliumText22L_Rg_700.font.js" type="text/javascript"></script>
<script src="./js/contentslider.js" type="text/javascript"></script>
<script src="./js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="./js/jquery.easing.1.1.js" type="text/javascript"></script>
<script src="./js/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script src="./js/lightbox.js" type="text/javascript"></script>
<script src="./js/jquery.infinite-carousel.js" type="text/javascript"></script>
<meta charset="UTF-8"></head>
<body>
<!-- Top Section -->
<div id="topsec"> 
  <!-- masterhead -->
  <div id="masterhead"> 
    <!-- Logo -->
    <div class="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
    <!-- masterhead Right Section -->
    <div class="topright_sec"> 
      <!-- top navigation -->
      <div class="topnavigation">
        <ul>
          <li class="first">Default welcome msg!</li>
          <li><a href="./account.html"> My Account</a></li>
          <li><a href="#">My Wishlist</a></li>
          <li><a href="./shoppingcart.html">My Cart Checkout</a></li>
          <li class="nobg"><a  href="./login.html">Log In</a></li>
        </ul>
        <!-- My Cart -->
        <div class="mycart"> <a href="./shoppingcart.html"><img src="./images/cart_icon.png" alt="" /></a> <span>00</span> </div>
        <!-- Check out --> 
        <a class="btn btn1" href="#"><span>Checkout</span></a> </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Navigation -->
    <div class="navigation">
      <div id="smoothmenu1" class="ddsmoothmenu">
        <ul>
          <li class="first"><a class="selected" href="./index.html">Home</a></li>
          <li><a href="#">Living Room</a> 
            <!-- Sub Menu level 1 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="#">Fabric sofas</a></li>
              <li><a href="#">Leather sofas</a> 
                <!-- Sub Menu level 1 -->
                <ul>
                  <li class="first">&nbsp;</li>
                  <li class="martop"><a href="#">Fabric sofas</a></li>
                  <li><a href="#">Leather sofas</a></li>
                  <li><a href="#">Modular sofas</a></li>
                  <li><a href="#">Armchairs </a></li>
                  <li><a href="#">Rattan seating</a></li>
                  <li><a href="#">Extra covers </a></li>
                </ul>
              </li>
              <li><a href="#">Modular sofas</a></li>
              <li><a href="#">Armchairs </a></li>
              <li><a href="#">Rattan seating</a></li>
              <li><a href="#">Extra covers </a></li>
            </ul>
          </li>
          <li><a href="#">Bed Room</a></li>
          <li><a href="#">Dining Room</a></li>
          <li><a href="#">Office</a></li>
          <li><a href="#">Pages</a>
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="./index.html">Home</a></li>
              <li><a href="./listing.html">Listing</a></li>
              <li><a href="./detail.html">Detail</a></li>
              <li><a href="./shoppingcart.html">Shopping Cart</a></li>
              <li><a href="./login.html">Login</a></li>
              <li><a href="./account.html">My Account</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#">Themes</a> 
            <!-- Sub Menu Level 2 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="../blue/index.html">Blue</a></li>
              <li><a href="../green/index.html">Green</a></li>
              <li><a href="./index.html">Brown</a></li>
              <li><a href="../purple/index.html">Purple</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- navigation ends -->
      <div class="clear"></div>
    </div>
    <!-- top search -->
    <div class="top_search">
      <input name="txtSearch" value="Enter a Keyword to Search"
            			onfocus="if(this.value=='Enter a Keyword to Search') {this.value='';}"
            			onblur="if(this.value=='') {this.value='Enter a Keyword to Search';}"   type="text" />
      <a  href="#"><img class="left" src="./images/search_icon.png" alt="" /></a> </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<!-- content Area -->
<div id="outer1">
  <div id="outer"> 
    <!-- Wrapper Sec -->
    <div id="wrapper_sec"> 
      <!-- Content Seciton -->
      <div id="content_section"> 
        <!-- Bread Crumb -->
        <div id="crumb"> <a href="#">Wooden Furniture</a> <a href="#">Home Decor</a> <a class="active" href="#">BedRooms</a> </div>
        <div class="col1">
          <h2 class="heading colr">New arrivals this month</h2>
          <!-- Detail Page -->
          <div class="product_detail">
            <div class="gallerydiv">
              <div id="slider2" style=" height:300px; overflow:hidden;">
                <div class="contentdiv"> <a rel="example_group" href="./images/productdetail.gif" title="dolor sit amet"> <img  src="./images/productdetail.gif" alt="" /></a> </div>
                <div class="contentdiv"> <a rel="example_group" href="./images/product1.gif" title="dolor sit amet"> <img  src="./images/product1.gif" alt=""  /></a></div>
                <div class="contentdiv"> <a rel="example_group" href="./images/product2.gif" title="dolor sit amet"> <img  src="./images/product2.gif" alt=""  /></a></div>
                <div class="contentdiv"> <a rel="example_group" href="./images/product3.gif" title="dolor sit amet"> <img  src="./images/product3.gif" alt=""  /></a></div>
                <div class="contentdiv"> <a rel="example_group" href="./images/product4.gif" title="dolor sit amet"> <img  src="./images/product4.gif" alt=""  /></a></div>
                <div class="contentdiv"> <a rel="example_group" href="./images/product5.gif" title="dolor sit amet"> <img  src="./images/product5.gif" alt=""  /></a></div>
              </div>
              <a id="simplePrevious" ><img  src="./images/left_arr.gif" alt="" /></a> <a id="simpleNext"> <img  src="./images/right_arr.gif" alt="" /></a>
              <div  id="paginate-slider2" class="pagination">
                <div id="viewport">
                  <ul>
                    <li><a href="#" class="toc"><img  src="./images/thumb1.gif" alt="" /></a></li>
                    <li><a href="#" class="toc"><img  src="./images/thumb2.gif" alt="" /></a></li>
                    <li><a href="#" class="toc"><img  src="./images/thumb3.gif" alt="" /></a></li>
                    <li><a href="#" class="toc"><img  src="./images/thumb1.gif" alt="" /></a></li>
                    <li><a href="#" class="toc"><img  src="./images/thumb2.gif" alt="" /></a></li>
                    <li><a href="#" class="toc"><img  src="./images/thumb3.gif" alt="" /></a></li>
                  </ul>
                </div>
                <script src="./js/misc.js" type="text/javascript"></script> 
              </div>
            </div>
            <div class="product_description">
              <div class="product_info">
                <h3>Price: $13,237.97 </h3>
                <div class="emailfriend"><a href="#"> <img  src="./images/mail_icon.gif" alt="" /> <span>Email to a Friend </span></a></div>
                <div class="rating">
                  <ul>
                    <li class="ratings"><a href="#"><img  src="./images/rating.gif" alt="" /></a></li>
                    <li><a href="#">2 Review (s)</a></li>
                    <li class="nobg"><a href="#">Add your Review</a></li>
                  </ul>
                </div>
                <div class="availablity"> <strong>Availability:</strong> In stock </div>
              </div>
              <div class="quick_overview product_info">
                <h5>Quick Overview</h5>
                <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget,                                            	dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed                                           	pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue. Ut tempus luctus                                            	metus. Sed a velit. Pellentesque at libero elementum ante condimentum sollicitudin. Pellentesque lorem ipsum, semper                                           		quis. </p>
              </div>
              <div class="add_item_cart">
                <p><strong>Add Items to Cart</strong></p>
                <div class="qty_add"> <strong>QTY</strong>
                  <input name="txtQty" type="text" />
                  <a class="btn4" href="#"><span>Add to Cart</span></a> </div>
                <div class="or">OR</div>
                <div class="add"> <a href="#">Add to Wishlist</a> <a href="#">Add to Compare</a> </div>
              </div>
            </div>
          </div>
          <div class="clear"></div>
          <div class="product_tab">
            <ul>
              <li><a href="#">Product Description</a></li>
              <li><a href="#">Additional Information</a></li>
              <li><a href="#">Similar Products</a></li>
              <li><a class="active" href="#">Tags</a></li>
            </ul>
          </div>
          <div class="tab_content">
            <p><strong>Other people marked this product with these tags:</strong></p>
            <ul>
              <li><a href="#">cool (<strong>9</strong>)</a></li>
              <li><a href="#">mobile (<strong>3</strong>)</a></li>
              <li><a href="#">crackberry (<strong>1</strong>)</a></li>
              <li><a href="#">SEXY (<strong>14</strong>)</a></li>
              <li><a href="#">phone (<strong>1</strong>) </a></li>
              <li><a href="#">BlackBerry (<strong>1</strong>)</a></li>
              <li><a href="#">web (<strong>1</strong>)</a></li>
              <li><a href="#">browser (<strong>1</strong>)</a></li>
              <li><a href="#">content (<strong>1</strong>)</a></li>
              <li><a href="#">messaging (<strong>1</strong>)</a></li>
              <li><a href="#">sessions, (<strong>1</strong>)</a></li>
              <li><a href="#">attachments. (<strong>1</strong>)</a></li>
            </ul>
          </div>
          <div class="add_your_tag">
            <ul>
              <li>Add Your Tags:</li>
              <li>
                <input name="txt" type="text" />
              </li>
              <li class="pad4"><a class="btn4" href="#"><span>Add Tags</span></a></li>
              <li>Use spaces to separate tags. Use single quotes (') for phra</li>
            </ul>
          </div>
        </div>
        <div class="col2"> 
          <!-- Cart -->
          <h2 class="heading  colr" >My Cart</h2>
          <div class="shopping_cart">
            <p>There are 4 items in your cart.</p>
            <p class="cart_subtotal">Cart Subtotal:<span class="colr"> $870.00</span></p>
            <div class="clear"></div>
            <ul class="cartItems">
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart1.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart2.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li class="last">
                <div class="thumb"><a href="#"><img  src="./images/cart3.gif" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
            </ul>
            <a class="btn2" href="#"><span>Checkout</span></a> </div>
          <!-- Compare -->
          <h2 class="heading colr">Compare Products (3)</h2>
          <div class="compare">
            <ul>
              <li>
                <div class="title"> <a href="#">Aron Contemporary Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a class="active" href="#">San Remo Leatherette Modern Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a href="#">Palazzo Black Leatherette Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
            </ul>
            <a class="btn2" href="#"><span>Compare</span></a> </div>
          <!-- Community Poll -->
          <h2 class="heading colr">Community Poll</h2>
          <div class="poll">
            <ul>
              <li>What is your favorite Magento feature? </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Layered Navigation</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span> Price Rules</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Category Management</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Compare Products</span> </li>
            </ul>
            <a class="btn2" href="#"><span>Vote</span></a> </div>
          <!--col2 ends --> 
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- Bototm seciton -->
<div id="bottomsec">
  <div id="footer"> 
    <!--Our Store-->
    <div class="our_store">
      <h3>Our Store</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Customer</a></li>
        <li><a href="#">Contacts</a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
    </div>
    <!-- Useful Links -->
    <div class="footerdiv">
      <h3>Useful Links</h3>
      <ul>
        <li><a href="#">Site Map</a></li>
        <li><a href="#">Search Terms</a></li>
        <li><a href="#">Advanced Search</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <!-- My Accounts -->
    <div class="footerdiv">
      <h3>My Account</h3>
      <ul>
        <li><a href="./account.html">My Account</a></li>
        <li><a href="./shoppingcart.html">My Cart</a></li>
        <li><a href="./shoppingcart.html">Checkout</a></li>
        <li><a href="./login.html">Log In</a></li>
      </ul>
    </div>
    <!-- Pages -->
    <div class="footerdiv">
      <h3>Pages</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">CMS Page</a></li>
        <li><a href="#">Another One</a></li>
      </ul>
    </div>
    <!-- Contact -->
    <div class="contact_us">
      <h3>Contact</h3>
      <ul>
        <li><a href="#">General Information</a></li>
        <li><a href="#">Frequently Asked Questions</a></li>
        <li><a href="#">Member Support Forum</a></li>
        <li class="social"> <a href="#"><img  src="./images/social_icon1.png" alt="" /></a> <a href="#"><img  src="./images/social_icon2.png" alt="" /></a> <a href="#"><img  src="./images/social_icon3.png" alt="" /></a> <a href="#"><img  src="./images/social_icon4.png" alt="" /></a> </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="copyright" > &copy; 2011 - <a href="http://www.racktheme.com" target="_blank">RackTheme</a> - All rights reserved. </div>
  </div>
</div>
</body>
</html>
